<template>
  <div>
    <headers :headers="headers"></headers>
    <div class="section bgf2">
      <ul>
        <li class="subject-item art-box p12 mb12">
          <div class="select">
            <input type="checkbox" name="checkbox">
            <span class="cir"></span>
          </div>
          <div class="txt">
            <p class="clamp3">照顾家人不是嘴上说说，而是要礼品多多</p>
          </div>
          <img src="@/assets/images/head.jpg">
        </li>
        <li class="subject-item art-box p12 mb12">
          <div class="select">
            <input type="checkbox" name="checkbox">
            <span class="cir"></span>
          </div>
          <div class="txt">
            <p class="clamp3">照顾家人不是嘴上说说，而是要礼品多多</p>
          </div>
          <img src="@/assets/images/head.jpg">
        </li>
        <li class="subject-item art-box p12 mb12">
          <div class="select">
            <input type="checkbox" name="checkbox">
            <span class="cir"></span>
          </div>
          <div class="txt">
            <p class="clamp3">照顾家人不是嘴上说说，而是要礼品多多</p>
          </div>
          <img src="@/assets/images/head.jpg">
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import Headers from '@/components/Headers'

export default {
  name: 'MyArticle',
  data () {
    return {
      headers: {
        left: require('@/assets/images/icon-left.png'),
        title: '我的文章',
        right: '确定'
      }
    }
  },
  components: {
    Headers
  }
}
</script>
